<!-- home首页页面 -->
<template>
  <div class="home">
    <div class="header">
      <div class="left"><img class="headerimg" src="../../assets/1.png" alt=""></div>
      <ul class="right">
        <li> 产品介绍</li>
        <li>应用场景</li>
        <li>联系我们</li>
        <li @click="tosign">注册登录</li>
      </ul>
    </div>
    <div class="main">
      <img class="mainimg" src="../../assets/up.png" alt="">
    </div>

  </div>
</template>

<script>
  // @ is an alias to /src

  export default {
    name: 'Home',
    components: {
    },
    methods: {
      tosign() {
        this.$router.push("/sign")
      }
    }
  }
</script>
<style scoped>
  .header {
    width: 1890px;
    height: 100px;
  }

  .left {
    float: left;

  }

  .headerimg {
    width: 200px;
    height: 100px;
  }

  .right {
    float: right;
    width: 900px;
    height: 100px;
  }

  li {
    font-size: 19px;
    overflow: hidden;
    float: left;
    list-style: none;
    width: 200px;
    height: 100px;
    line-height: 100px;
    text-align: center;
  }

  ul li:nth-of-type(4) {
    line-height: 49px;
    margin-top: 30px;
    width: 267px;
	  height: 49px;
    border-radius:41px;
    text-align: center;
    color: white;
    background: rgba(42, 130, 228, 1);
  }

  .main {
    width: 1890px;
  }

  .mainimg {
    width: 100%;
  }
</style>